<template>
	<view>
		<view class="mainpadding" style="background-color:#2361FF;">
			<view class="flexcenter margin_top">
				<view class="zline margin_right6"></view>
				<view class="ershiba xiaobai margin_right6">邀请好友得积分</view>
				<view class="yline"></view>
			</view>
			<view class="radius baibox margin_top4 dingwei">
				<image class="erwwim" src="../static/image/system/zybjt.png" mode=""></image>
				<view class="sanshier xiaohei fonweight textcenter margin_top2 dingwei" style="z-index: 1;">邀请码：
					<text class="sanshier xiaolan fonweight ">JOD5825</text>
				</view>
				<image class="fenx" src="../static/image/system/fx1.png" mode=""></image>
			</view>
		</view>
		<view class="flexcenter margin_top5">
			<view class="qlbtn flexcenter margin_right3"  @click="jumper('/pages_mypage/wodetuandui')">我的团队</view>
			<view class="xlbtn flexcenter">分享给好友</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
jumper(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.xlbtn{
		width: 382rpx;
		height: 88rpx;
		background: #2361FF;
		border-radius: 66rpx 66rpx 66rpx 66rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}
	.qlbtn{
		width: 280rpx;
		height: 88rpx;
		background: rgba(35,97,255,0.1);
		border-radius: 66rpx 66rpx 66rpx 66rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #2361FF;
	}
	.fenx{
		width: 721.58rpx;
		height:341.6rpx;
		position: absolute;
		bottom: -10rpx;
		left: -15rpx;
	}
	.erwwim {
		width: 400rpx;
		height: 400rpx;

	}

	.baibox {
		background-color: #fff;
		padding: 136rpx 136rpx 284rpx;
		z-index: 0;
	}

	.yline {
		width: 50rpx;
		height: 4rpx;
		background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	}

	.zline {
		width: 50rpx;
		height: 4rpx;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	}
</style>